/**
 * 变量定义
 * @author LiQingSong
 */

 $headerHeight: 50px; // 头部高度
 $headerBreadcrumbHeight:34px; // 头部存在情况下面包屑高度
 // IndexLayout 左侧边栏
 $leftSideBarWidth: 200px; // 左侧边栏宽度
 $leftSideBarMinWidth: 54px; // 左侧边栏最小宽度

 $mainBgColor: #f0f3f4; // 主窗口背景色
 $BreadcrumbBgColor: #FFFFFF; // 面包屑背景色（顶部只有他的时候）
 $BreadcrumbFontColor: #606266; // 面包屑字体色（顶部只有他的时候）

 $leftBgColor: #222834; // 左侧菜单背景色
 $leftFontColor:#C0C4CC; // 左侧菜单字体颜色
 $leftMenuActiveBgColor: #209e91; // 左侧菜单选中色
 $leftMenuActiveFontColor: #FFFFFF; // 左侧菜单选中字体色

 $subMenuBg:#000C17;
 $subMenuActiveFontColor: #FFFFFF;
 
 $topMenuFontColor: #C0C4CC; // 顶部菜单字体颜色
 $topMenuHoverFontColor: rgba(255,255,255,0.9); // 顶部菜单字体Hover颜色
 $topMenuHoverBgColor: #000C17; // 顶部菜单Hover背景色
 $topMenuActiveBgColor: rgba(0,0,0,0.4); // 顶部菜单Active背景色

 // the :export directive is the magic sauce for webpack
 // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
    menuBg: $leftBgColor;
    menuText: $leftFontColor;
}


